<!DOCTYPE html>
<html>
<head>
<title>HTML5块元素标签的使用</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

<link rel="stylesheet" href="CSS.css" type="text/css"></link>
</head>
<style type="text/css">
#divid p {
	color: red;
}
</style>
<style type="text/css">
#divspan span {
	color: blue;
}

#p11 {
	color: green;
}
</style>
<body>
	<!-- 块 -->
	<p>大家好!</p>
	<!-- 将p标签的id设置为p11利用内部样式表更改其颜色为green -->
	<p id="p11">大家好!</p>
	<!-- 利用内联样式表更改其颜色为pink -->
	<p style="color: pink">大家好!</p>
	<h1>大家好!</h1>
	<b>这是一个加重标签</b>
	<a>这是一个超链接标签</a>
	<!-- div测试 span测试 -->
	<div id="divid">
		<p>大家好!</p>
		<a>大家好!</a>
	</div>
	<div id="divspan">
		<p>
			大家好!<span>我是李琼! </span>今年22岁!
		</p>
		<a>大家好!</a>
	</div>
</body>
</html>
